<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>搜索内容</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="../Ryancss/search_video.css" rel="stylesheet" type="text/css" />
</head>
<body>

<style>
  
		   .display-block{
		   display :block ;
		   }
		   
		   .display-none{
		   display :none ;
		   }

</style>






     <section class="aui-flexView">
            <section class="aui-scrollView">

                <div class="aui-list-tick">
                  <h1 id="search_result"></h1>  
					
				<div  id="movies_list">
				

				
					<div  style=" margin-top: 50%;"  align="center" ><img style="width: 20%;" src=""></div>
			

				</div>
				

									
					<div align="center"  style=" margin-bottom: 20px; margin-top: 10px;" >
					
						<span style=" color: #909ba5; font-size: 12px;" id="Loading" class="display-none"> 正在加载中</span>
						<span style=" color: #909ba5; font-size: 12px;" id="bottom"  class="display-none"> (ｷ｀ﾟДﾟ´) 已经到底啦！ </span>
						
					</div>



                </div>
            </section>

        </section>



</body>
	<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">

	var api_url = localStorage.getItem('api_url');

    var skip = 0; //页码
    var limit = 10; //每页条数
    var datas = new Array(); //页面数据存储的数组
    //初始化
    apiready = function() {
		
        fnInitData();
        fnInitEvent();
		setTimeout("Loading()",5000);  //延迟执行 隐藏


							// 网络状态
		api.addEventListener({
			name:'offline'
		}, function(ret, err){        

			api.toast({
			msg : '网络连接异常',
			duration : 5000,
			location : 'middle' 
			});

			  

		});

		api.addEventListener({
			name:'online'
		}, function(ret, err){        
		
			  api.toast({
			  msg : '已经连接网络',
			  duration : 2000,
			  location : 'middle' 
			  });
				  
        fnInitData();
        fnInitEvent();
		setTimeout("Loading()",5000);  //延迟执行 隐藏

				  
		});	



    };




function loadImg(ele_) {
var thumbnailBoolean=api.systemType=='ios'?false:true,
dataurl = $api.attr(ele_, 'data-src');
if (dataurl) {
api.imageCache({
url: dataurl,
thumbnail:false
}, function(ret, err) {
if (ret) {
if (ret.status) {
// console.log(ret.url);
ele_.src = ret.url;
$api.removeCls(ele_, 'lazy');
$api.addCls(ele_, 'imgloaded');

// src赋值，也会触发onload，防止循环执行必须移除对应属性
$api.removeAttr(ele_, 'data-src');
$api.removeAttr(ele_, 'onload');
}
} else {
alert(JSON.stringify(err));
}
});

}
}


    function fnInitData() {
       // 加载loading
			var Loading = document.getElementById("Loading");			//加载完成后显示
			Loading.setAttribute("class", "display-block");	

			var bottom = document.getElementById("bottom");			//加载完成后显示 
			bottom.setAttribute("class", "display-none");	

   /*     api.showProgress({
            title: "获取数据中",
            text: '请稍等'
        });
	*/	
		
        //api.ajax  搜索结果
            api.ajax({
              //  url:'https://d.apicloud.com/mcm/api/timeline',
			  url: api_url + '/login/login/Movies_Search_List.html',
                        data:{
                                values:{
                        skip:skip,
                    //    limit:limit,
                        search_key:api.pageParam.search_video_key,
						key: 'p2piunink'
                                }
                        },
                        method:"get",
        }, function(ret, err) {
       //     console.log(JSON.stringify(skip));
	//	alert( JSON.stringify( ret.msg.$search ) );	

            //取消loading
            api.hideProgress();
            if (ret) {
                var $movies = ret.msg.$movies;
                console.log(JSON.stringify($movies));
				
			//   		api.toast({
             //           msg: ret.msg.search
             //       });
					
				  search_result.innerHTML = '为您找到与 <span style="color: #fe1c44;">'+api.pageParam.search_video_key+'</span> 相关资源 '+ret.code+' 个'; 	
					
					
                //把请求到的数据遍历添加进页面数据的数组
                if ($movies.length > 0) {
                    for (var i = 0, len = $movies.length; i < len; i++) {
                        datas.push($movies[i]);
                    };
                    //调用页面渲染的方法
                    fnInitView(datas);
                } else {
				/* 
                    api.toast({
                        msg: '没数据了，别拽了',
						duration: 1000,
						location : 'middle' 
                    });
				*/	
                    skip -= 1;
					
							
			var bottom = document.getElementById("bottom");			//加载完成后显示
			bottom.setAttribute("class", "display-block");	

			var Loading = document.getElementById("Loading");			//加载完成后显示
			Loading.setAttribute("class", "display-none");		   
				
                };
                console.log("第" + (skip + 1).toString() + "页");
            } else {
              //  alert("交互失败");
			  
			         api.toast({
                        msg:'数据获取失败',
						duration: 1000,
						location : 'middle' 
                    })
			  
            };
        });
    };

    /**
     * 渲染页面布局
     *
     * @param {Array} data
     */
    function fnInitView(data) {
        // 取消下拉刷新效果
        api.refreshHeaderLoadDone();
        //声明容器 并置空
        var movies_list_html = '';
        //遍历页面数据的数组进行创建标签,插入容器
        for (var i = 0; i < data.length; i++) {
		

            movies_list_html += 
												'		<a onclick="openVideoWin('+'\''+data[i].url+'\''+','+'\''+data[i].title+'\''+')" class="aui-flex b-line">		' +
												'			<div class="aui-atr-img">		' +
												'			<img   class="lazy" data-src="' + data[i].img +'" src="" onload="loadImg(this);" >		' +
												'			</div>		' +
												'			<div class="aui-flex-box">		' +
												'				<h2>' + data[i].title +'</h2>	' +	
												'				<p>' + data[i].content +'</p>		' +
											 	'				<span><em>' + data[i].region +'</em>' + data[i].type +' </span>	' +
												'				<button>播 放</button>		' +
												'			</div>	' +
												'		</a>	';
								
			
            
        };
        $api.byId('movies_list').innerHTML = movies_list_html;
    };

    /**
     * 初始化页面监听事件
     */
    function fnInitEvent() {
        /**上拉加载 */
        api.addEventListener({
            name: 'scrolltobottom',
            extra: {
                threshold: 10
            }
        }, function(ret, err) {
            //页码+1，继续请求数据
            skip += 1;
            fnInitData();
        });
		
		
        /** 下拉刷新 */
    /*    api.setRefreshHeaderInfo({
            bgColor: '#ccc',
            textColor: '#fff',
            textDown: '下拉刷新...',
            textUp: '松开刷新...'
        }, function(ret, err) {
            //重置页码、页面数据，请求数据
            skip = 1;
            datas = new Array();
            fnInitData();
        });
		
		*/
    };








		//////////////////////   打开推荐影片播放页  方法         S //////////////////////
		function openVideoWin(url,name) {

			////获取数据
			var time = localStorage.getItem('user_time');
			var user_id = localStorage.getItem('user_id');
			var username = localStorage.getItem('user_name');
			var timestamp = Date.parse(new Date()) / 1000;

			///判断是否登录
			if(user_id == 0) {

				/*
				api.alert({
				    title: '温馨提示',
				    msg: '请先登陆后使用',
				});

				*/
				api.toast({
					msg: '还没登陆！',
					duration: 1000, 
                location : 'middle' 
				});

				api.openWin({
					name: 'login',
					url: 'widget://html/login.html',
					delay: 300,
											
						
				bounces: false,
				slidBackEnabled: true,
				bgColor: '#000',
				animation: {
					type: "reveal", //动画类型（详见动画类型常量） 
					subType: "from_top", //动画子类型（详见动画子类型常量）
					duration: 400
				},
				vScrollBarEnabled: false
						
					
					
				});
				return;

			}

			//判断是否会员
			if(time > timestamp) {


				//播放器判断
				//1 本地播放器(V1)   2 本地播放器(V2)
				if(localStorage.getItem('Player_selection') == 1){		
				
						var delay = 0;
						if(api.systemType != 'ios') {
							delay = 300;
						}
						api.openWin({
							name: 'video_play_win',
							url: 'widget://html/video_play_win.html',
							bounces: false,
							delay: delay,
							slidBackEnabled: true,
							vScrollBarEnabled: false,
						
							pageParam:{video:url,title:name}
						});

							
				}else if(localStorage.getItem('Player_selection') == 2){
				
						 	fnvideoPlayerPlay(url,name);
				
				}
					



			} else if(time == -1) { //判断是否永久会员
			
				//播放器判断
				//1 本地播放器(V1)   2 本地播放器(V2)
				if(localStorage.getItem('Player_selection') == 1){		
				
						var delay = 0;
						if(api.systemType != 'ios') {
							delay = 300;
						}
						api.openWin({
							name: 'video_play_win',
							url: 'widget://html/video_play_win.html',
							bounces: false,
							delay: delay,
							slidBackEnabled: true,
							vScrollBarEnabled: false,
						
							pageParam:{video:url,title:name}
						});

							
				}else if(localStorage.getItem('Player_selection') == 2){
				
						 	fnvideoPlayerPlay(url,name);
				
				}
					

					 

			} else if(time < timestamp) {
				VipExpiredHint(); //会员过期弹窗提示
			}

		}

		//////////////////////   打开推荐影片播放页  方法        E //////////////////////












    function fnvideoPlayerPlay(video,title) {
        var videoPlayer = api.require('videoPlayer');
		videoPlayer.forward({
			seconds: 30
		});
        videoPlayer.play({
      /*      texts: {
                head: {
                    title: title+'播放'
                }
            },*/
            styles: {
                head: {								 //（可选项）JSON对象；播放器顶部导航条样式    	
                    bg: 'rgba(0.5,0.5,0.5,0.7)',		 //（可选项）字符串类型；顶部导航条背景，支持#、rgb、rgba、img；默认：rgba(161,161,161,0.5)
                    height: 44,							     //（可选项）数字类型；顶部导航条的高；默认：44
                    titleSize: 15,							  //（可选项）数字类型；顶部标题字体大小；默认：20
                    titleColor: '#fff',							 //（可选项）字符串类型；顶部标题字体颜色；默认：#fff
                    backSize: 25,								//（可选项）数字类型；顶部返回按钮大小；默认：44
                    backImg: 'widget://Ryanimg/user/Close.png',		//（可选项）字符串类型；顶部返回按钮的背景图片，要求本地路径（widget://、fs://）；默认：返回小箭头图标
                    setSize: 25,										//（可选项）数字类型；顶部右边设置按钮大小；默认：44
                    setImg: 'widget://Ryanimg/user/setup.png'			//（可选项）字符串类型；顶部右边设置按钮背景图片，要求本地路径（widget://、fs://）；默认：设置小图标
                },		
                foot: {							 //（可选项）JSON对象；播放器底部导航条样式    	
                    bg: 'rgba(0.5,0.5,0.5,0.7)',			//（可选项）字符串类型；底部导航条背景，支持#、rgb、rgba、img；默认：rgba(161,161,161,0.5)
                    height: 44,								//（可选项）数字类型；底部导航条的高；默认：44
                    playSize: 25,							//（可选项）数字类型；底部播放/暂停按钮大小；默认：44
                    playImg: 'widget://Ryanimg/user/play.png',			//（可选项）字符串类型；底部播放按钮的背景图片，要求本地路径（widget://、fs://）；默认：播放按钮图标
                    pauseImg: 'widget://Ryanimg/user/pause.png',			//（可选项）字符串类型；底部暂停按钮的背景图片，要求本地路径（widget://、fs://）；默认：暂停按钮图标
                    nextSize: 25,											//（可选项）数字类型；底部下一集按钮大小；默认：44
					nextImg:'widget://Ryanimg/user/pns.png',  				//（可选项）字符串类型；底部下一集按钮的背景图片，要求本地路径（widget://、fs://）；默认：下一集按钮图标
                    timeSize: 14,									 //（可选项）数字类型；底部时间标签大小；默认：14
                    timeColor: '#fff',					    //（可选项）字符串类型；底部时间标签颜色，支持#、rgba、rgb；默认：#fff
                    sliderImg: 'widget://image/videoPlayer/unfullscreen.png',					//（可选项）字符串类型；底部进度条滑块背景图片，要求本地路径（widget://、fs://）；默认：滑块小图标((在iOS上需要添加二倍图或者三倍图,否则会出现毛边))
                    progressColor: '#696969',			 //（可选项）字符串类型；进度条背景色，支持#、rgba、rgb；默认：#696969
                    progressSelected: '#1296db',			 //（可选项）字符串类型；滑动后的进度条背景色，支持#、rgb、rgba；默认：#76EE00
                    verticalImg: "widget://Ryanimg/user/ExitFullScreen.png",		 //（可选项）字符串类型；底部竖屏按钮的背景图片，要求本地路径（widget://、fs://）；默认：竖屏按钮图标              
                    horizontalImg: "widget://Ryanimg/user/fullscreen.png"			//（可选项）字符串类型；底部横屏按钮的背景图片，要求本地路径（widget://、fs://）；默认：横屏按钮图标
                }
            },
			  
            coverImg: "widget://image/videoPlayer/fullscreen.png",		//	（可选项）封面图路径，播放器打开尚未播放时的封面图，要求本地路径（widget://、fs://）
            path: video,		//	（可选项）文档的路径，支持网络和本地（fs://）路径，在 android 平台上不支持 widget	
			seekBarDragable: true,		//	（可选项） 播放进度条是否可以拖动
			autorotation: false,	//	（可选项）视频播放页面是否支持自动旋转（横竖屏），若为 false 则手动点击右下角按钮旋转
            autoPlay: true					//（可选项）打开时是否自动播放		默认值：true（自动播放）
        }, function(ret, err) {
            if (ret) {
			
			
 // alert(JSON.stringify(ret));	    /**/															
	

				if(ret.eventType == 'show'){
				
				
				
				/*
																api.toast({
																	msg: '打开成功并显示',
																	duration: 11000,
																	location : 'middle' 
																});
				*/
			
				}else if(ret.eventType == 'back'){
				
				
														/*		api.toast({
																	msg: '返回',
																	duration: 1000,
																	location : 'middle' 
																});
																*/
			var videoPlayer = api.require('videoPlayer');
			videoPlayer.close();
				
				}else if(ret.eventType == 'play'){
				
				
																api.toast({
																	msg: '播放',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				
				}else if(ret.eventType == 'pause'){
				
				
																api.toast({
																	msg: '暂停',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				
				}else if(ret.eventType == 'next'){
				
				
																api.toast({
																	msg: '下一集',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				
				}else if(ret.eventType == 'failed'){
				
				
																api.toast({
																	msg: '播放失败',
																	duration: 1000,
																	location : 'middle' 
																});
				
				
				 
				}

 


            } else {
    alert(JSON.stringify(err));
            }
        });
    }

















function Loading(){


			var Loading = document.getElementById("Loading");			//加载完成后显示
			Loading.setAttribute("class", "display-none");	

}







</script>

	
</html>
